<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<div id="rightside">
    <script src="libjs/jquery.validate.js" type="text/javascript"></script>
    <script type="text/javascript">
        $().ready(function() {
            // validate the comment form when it is submitted


            // validate signup form on keyup and submit
            $("#ContactForm").validate({
                rules: {
                    name: "required",
                    title: "required",
                    content: {
                        required: true,
                        minlength: 2
                    },

                    email: {
                        required: true,
                        email: true
                    }

                },
                messages: {
                    name: "Bạn chưa nhập tên",
                    title: "Vui lòng nhập tiêu đề",
                    email: "Vui lòng nhập địa chỉ email hợp lệ",
                    content: "Vui lòng nhập nội dung liên hệ"
                }
            });


        });
    </script>


    <%@include file="slide.jsp" %>
    <div></div>

    <div id="contact" style="margin-left:5px;margin-top:50px;">
        <div class="box_header">
            <h4 class="title_center">LIÊN HỆ</h4>
        </div >
        <div class="box_center">
            <form id="ContactForm" action="ControlContact" method="get">
                <table width="100%" border="0" cellspacing="0" cellpadding="5">
                    <tr>
                        <td><div align="right" ><strong><label for="name">Tên của bạn</label> <span class="style1">(*)</span></strong></div></td>
                        <td><label>
                                <input type="text" name="name" id="name" size="50" />
                            </label></td>
                    </tr>
                    <tr>
                        <td><div align="right"><strong>Email <span class="style1">(*)</span></strong></div></td>
                        <td><label>
                                <input type="text" name="email" id="email" size="50" />
                            </label></td>
                    </tr>
                    <tr>
                        <td><div align="right"><strong>Tiêu đề <span class="style1">(*)</span></strong></div></td>
                        <td><label>
                                <input type="text" name="title" id="title" size="50"/>
                            </label></td>
                    </tr>
                    <tr>
                        <td><div align="right"><strong>Nội dung liên hệ <span class="style1">(*)</span></strong></div></td>
                        <td><label>
                                <textarea name="content" id="content" cols="50" rows="5"></textarea>
                            </label></td>
                    </tr>
                </table>
                <div align="center" style="margin-top:10px;">
                    <input name="send" type="submit" value="Gửi đi" class="submit"/></div>
            </form>
            <div align="center" style="padding: 20px;">
                <%
                            String result = request.getParameter("contact");
                            if (result.equals("success")) {
                                out.print("<span class='style1'>Thông tin của bạn đã được gửi thành công đến admin, cảm ơn bạn đã đóng góp ý kiến</span>");

                            }
                            if (result.equals("failure")) {
                                out.print("<span class='style1'>Rất tiếc, thông tin liên hệ của bạn chưa gửi được, bạn hãy vui lòng thử lại sau</span> ");
                            }%>
            </div>
        </div>
    </div>
</div>